<template>
  <view>
      <van-tabs v-model="active" type="card" class="headtabs" sticky  swipeable offset-top="45px">
        <van-tab title="全部  " class="headtab tab">
          <activeList :active="active" :type="type" ref="backload"></activeList>
        </van-tab>
        <van-tab title="未开始">
          <activeList :active="active" :type="type"></activeList>
        </van-tab>
        <van-tab title="进行中">
          <activeList :active="active" :type="type"></activeList>
        </van-tab>
        <van-tab title="已结束">
          <activeList :active="active" :type="type"></activeList>
        </van-tab>
      </van-tabs>
  </view>
</template>

<script>
  import activeList from '@/components/active-list/active-list.vue';
  export default {
    components:{
        activeList,
    },
    onLoad: function (option) { //option为object类型，会序列化上个页面传递的参数
          console.log(option);
    	},
    data() {
      return {
        active:0,
        list:[],
		type:'fwd',
      };
    },
    methods:{
      
    },
  }
</script>

<style lang="scss">
.headtabs {
  margin-top: 10px;
  padding-bottom: 50px;
}
.headtab {
  margin-top: 10px;
}
</style>

